/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './app/components/**/*.{vue,js,ts}',
    './app/layouts/**/*.{vue,js,ts}',
    './app/pages/**/*.{vue,js,ts}',
    './app.vue',
  ],
  safelist: [
    {
      pattern:
        /(from|to|via)-(red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose|gray)-(100|200|300|400|500|600|700|800|900)/,
    },
    {
      pattern:
        /(bg|text|border)-(red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose|gray)-(100|200|300|400|500|600|700|800|900)/,
    },
  ],
  darkMode: 'class', // 启用 class-based 暗黑模式
  theme: {
    extend: {},
  },
  plugins: [],
};
